<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<link rel="stylesheet" href="../libs/bootstrap.3.4.1.min.css">
		<!-- 		<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet"> -->
		<link rel="stylesheet" href="css/main.css">

		<title>16.6 事件</title>
	</head>

	<!-- 
	 
	 https://jquery.com/
	 
	 
	 event basics
	 https://learn.jquery.com/events/event-basics/
	 
	 
	 
	 is( ":visible" ) 伪类 
	 
	 https://learn.jquery.com/using-jquery-core/faq/how-do-i-determine-the-state-of-a-toggled-element/
	 
	 -->

	<body>


		<button id="trigger" type="button" class="btn btn-info">显示/隐藏公告</button>
		<div id="board">

			<h1> 公告</h1>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas inventore distinctio veniam cupiditate
				maxime blanditiis exercitationem sequi sint sapiente a reprehenderit nihil ratione temporibus adipisci
				facere fuga odio soluta. Esse.</p>

		</div>

		<script src="../libs/jquery.3.6.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/main.js" type="text/javascript" charset="utf-8"></script>

	</body>
</html>
